<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: Seven
 * @Date: 2020-12-07 09:31:16
 * @LastEditors: Seven
 * @LastEditTime: 2020-12-16 10:13:50
-->
<template>
    <div class="footers">
        <div class="footers-b">
            <div class="containers">
                <div class="s">
                    <div class="item">
                        <i class="iconfont icondizhi"></i><span>地址：长沙市岳麓区芯城科技园8栋503</span> 
                    </div>
                    <div class="item">
                        <i class="iconfont icondianhua"></i><span>联系我们：0731-83998108</span>
                    </div>
                    <div class="item">
                       <i class="iconfont iconyouxiang-"></i><span>Email：hr@cstaole.com</span>
                    </div>
                </div>
                <div class="b">© 2012-2030. All Rights Reserved：淘乐网络 网站备案号： 湘ICP备12012756号-1</div>
            </div>
        </div>
        <!-- Footer -->
    </div>
</template>
<style lang="scss" scoped>
.footers-b {
    background-color: #000000;
    color: #fff;
    padding: 20px 0;
    .s{
        display: flex;
        justify-content: center;
        .item{
            font-size: 14px;
            & + .item{
                margin-left: 60px;
            }
            i{
                margin-right: 10px;
            }
        }
    }
    .b{
        font-size: 14px;
        margin-top: 15px;
        text-align: center;
        line-height: 1.5;
    }
}
@media screen and (max-width: 760px){
    .footers-b{
        .s{
            flex-direction:column;
            .item{
                & + .item{
                    margin-left: 0;
                    margin-top: 10px;
                }
            }
        }
        .b{
            text-align: left;
        }
    }
}
</style>